<template>
    <div class="info">
    <p class="title">
      <i></i>
      <slot></slot>  
    </p>
  </div>
</template>

<script>
export default {
    name:'MyComponent',
    data() {
        return {

        };
    },
    created() {

    },
    methods: {

    }
};
</script>

<style scoped lang="less">
.info {
  padding: 0.16rem;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
  .title {
    font-size: 0.16rem;
    line-height: 0.16rem;
    i {
      display: inline-block;
      width: 0.04rem;
      height: 0.16rem;
      margin-right: 0.05rem;
      vertical-align: middle;
      background: #4169e2;
    }
  }
}
</style>
